import React, {Component} from 'react';
import './DiscoverNav.less'
import {NavLink} from 'react-router-dom'
class DiscoverNav extends Component {
    render() {
        return (
            <div className='g-nav'>
                <ul className='nav'>
                    <li className='on'>
                        <NavLink to='/home'>
                            <span>推荐</span>
                        </NavLink>
                    </li>
                    <li>
                        <NavLink to='/home/toplist'>
                            <span>排行榜</span>
                        </NavLink>
                    </li>
                    <li>
                        <NavLink to='/home/playlist'>
                            <span>歌单</span>
                        </NavLink>
                    </li>
                    <li>
                        <NavLink to='/home/djradio'>
                            <span>主播电台</span>
                        </NavLink>
                    </li>
                    <li>
                        <NavLink to='/home/artist'>
                            <span>歌手</span>
                        </NavLink>
                    </li>
                    <li>
                        <NavLink to='/home/album'>
                            <span>新碟上架</span>
                        </NavLink>
                    </li>
                </ul>
            </div>
        );
    }
}

export default DiscoverNav;